<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>消息</title>
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/mess.css">
</head>

<body>
    <div class="news">
        <header class="news-head">
            <i class="self"></i>
            <i class="new"></i>
            <h2>消息</h2>
            <i class="add"></i>
        </header>
        <div class="news-content">
            <div class="new-search">
                <input type="text" class="n-ser" placeholder="宗亲/同学/朋友/战友搜索">
                <i class="n-scal"></i>
            </div>
            <div>
                <ul class="n-lists">
                    <li>
                        <div class="news-list">
                            <div class="new-l">
                                <i class="new-pic new-pic1"></i>
                                <i class="new newa"></i>
                                <div class="new-info">
                                    <h4>朱氏宗亲群</h4>
                                    <span>朱熙：文化交流日？</span>
                                </div>
                            </div>
                            <div class="new-r">
                                <span>上午9:25</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="news-list">
                            <div class="new-l">
                                <i class="new-pic new-pic2"></i>
                                <i class="new newa"></i>
                                <div class="new-info">
                                    <h4>河南大学校友群</h4>
                                    <span>刘星：@李铭  晚上吃饭定在利顺德酒店，晚上7点开始</span>
                                </div>
                            </div>
                            <div class="new-r">
                                <span>下午13:30</span>
                                <i></i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="news-list">
                            <div class="new-l">
                                <i class="new-pic new-pic3"></i>
                                <i class="new newa dn"></i>
                                <div class="new-info">
                                    <h4>河大06级02班</h4>
                                    <span>朱言：撤回一条消息</span>
                                </div>
                            </div>
                            <div class="new-r">
                                <span>晚上20:16</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot m-foot">
            <a href="javascript:;" class="footer"><i class="h-pag"></i><span>首页</span></a>
            <a href="javascript:;" class="footer f-active"><i class="mess"></i><span>消息</span></a>
            <a href="javascript:;" class="footer"><i class="h-user"></i><span>会员中心</span></a>
            <a href="javascript:;" class="footer"><i class="dynamic"></i><span>动态</span></a>
        </div>
    </div>
</body>

</html>